<template>
  <el-card>
    <v-chart :options="options"></v-chart>
  </el-card>
</template>

<script>
// 导入vue-echarts
import vEcharts from "vue-echarts";
// 按需导入所需工具包
import "echarts/lib/chart/line";
import "echarts/lib/component/tooltip";
export default {
  components: {
    "v-chart": vEcharts
  },
  data() {
    return {
      options: {
        title: {
          text: "折线图"
        },
        tooltip:{},
        legend:{},
        xAxis: {
          type: "category",
          boundaryGap: false,
          data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
        },
        yAxis: {
          type: "value"
        },
        series: [
          {
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: "line",
            areaStyle: {}
          }
        ]
      }
    };
  }
};
</script>

<style>
.echarts{
    width:100%!important;
    height: 400px!important;
}
</style>